<div id="form_leave">
	<div class="weui-cells">
        <div class="weui-cell">
		    <div class="weui-cell__hd">
		    	<span style="color: red;">*</span>出差事由
		    </div>
		    <div class="weui-cell__bd">
		       <input class="weui-input" v-model="submitJson.component[0].value"  style="text-align: right;"  placeholder="请输出差事由">
		      	<div v-show="false" data-text="出差事由不能为空" :data-false="/^\s*$/g.test(submitJson.component[0].value)" ></div>
		    </div>
		</div>
	</div>	
	<form-repeat class="approval-form-repeat" v-on:getrepeat="repeatFn" init='[{"name":"交通工具","value":""},{"name":"单程往返","value":""},{"name":"出发城市","value":""},{"name":"目的城市","value":""},{"name":"开始时间","value":""},{"name":"结束时间","value":""},{"name":"考勤时长(天)","value":""}]'>
		 <template slot-scope="props">
		 	 <div class="weui-cells">
		 	 	<a class="weui-cell weui-cell_access" href="javascript:;">
		            <div class="weui-cell__bd">
		                <p><span style="color: red;">*</span>交通工具</p>
		            </div>
		            <div class="weui-cell__ft">
		            	<dingselect v-model="props.o[0].value" datalist='[{"text":"飞机","value":"飞机"},{"text":"火车","value":"火车"},{"text":"汽车","value":"汽车"},{"text":"其他","value":"其他"}]'></dingselect>
            	       <div v-show="false" data-text="交通工具不能为空" :data-false="/^\s*$/g.test(props.o[0].value)" ></div>
		            </div>
		       </a>
		       <a class="weui-cell weui-cell_access" href="javascript:;">
		            <div class="weui-cell__bd">
		                <p><span style="color: red;">*</span>单程往返</p>
		            </div>
		            <div class="weui-cell__ft">
		            	<dingselect v-model="props.o[1].value" datalist='[{"text":"单程","value":"单程"},{"text":"往返","value":"往返"}]'></dingselect>
            	       <div v-show="false" data-text="单程往返不能为空" :data-false="/^\s*$/g.test(props.o[1].value)" ></div>
		            </div>
		       </a>
				<div class="weui-cell">
				    <div class="weui-cell__hd">
				    	<span style="color: red;">*</span>出发城市
				    </div>
				    <div class="weui-cell__bd">
				    	 <input class="weui-input" type="text" v-model="props.o[2].value"  placeholder="如：北京、上海">
				       	 <div v-show="false" data-text="出发城市不能为空" :data-false="/^\s*$/g.test(props.o[2].value)" ></div>
				    </div>
				</div>
				<div class="weui-cell">
				    <div class="weui-cell__hd">
				    	<span style="color: red;">*</span>目的城市
				    </div>
				    <div class="weui-cell__bd">
				    	 <input class="weui-input" type="text" v-model="props.o[3].value"  placeholder="如：北京、上海">
				       	 <div v-show="false" data-text="目的城市不能为空" :data-false="/^\s*$/g.test(props.o[3].value)" ></div>
				    </div>
				</div>
		        <a class="weui-cell weui-cell_access" href="javascript:;">
		            <div class="weui-cell__bd">
		                <p><span style="color: red;">*</span>开始时间</p>
		            </div>
		            <div class="weui-cell__ft">
		            	 <mu-date-picker v-model="props.o[4].value" ></mu-date-picker>
		            	 <div v-show="false" data-text="开始时间不能为空" :data-false="/^\s*$/g.test(props.o[4].value)" ></div>
		            </div>
		        </a>
		         <a class="weui-cell weui-cell_access" href="javascript:;">
		            <div class="weui-cell__bd">
		                <p><span style="color: red;">*</span>结束时间</p>
		            </div>
		            <div class="weui-cell__ft">
		            	 <mu-date-picker v-model="props.o[5].value"></mu-date-picker>
		            	 <div v-show="false" data-text="结束时间不能为空" :data-false="/^\s*$/g.test(props.o[5].value)" ></div>
		            </div>
		        </a>
		        <div class="weui-cell">
				    <div class="weui-cell__hd">
				    	<span style="color: red;">*</span>考勤时长(天)
				    </div>
				    <div class="weui-cell__bd">
				    	 <input class="weui-input" type="number" v-model="props.o[6].value"  placeholder="">
				       	 <div v-show="false" data-text="考勤时长不能为空" :data-false="/^\s*$/g.test(props.o[6].value)" ></div>
				    </div>
				</div>
		    </div>
		</template>
	</form-repeat>
	<div class="weui-cells">
        <div class="weui-cell">
		    <div class="weui-cell__hd">
		    	<span style="color: red;">*</span>出差天数
		    </div>
		    <div class="weui-cell__bd">
		       <input class="weui-input" v-model="submitJson.component[1].value"  style="text-align: right;"  placeholder="">
		      	<div v-show="false" data-text="出差天数不能为空" :data-false="/^\s*$/g.test(submitJson.component[1].value)" ></div>
		    </div>
		</div>
	</div>
	<div class="weui-cells">
			<div class="weui-cells__title">出差备注</div>
			<div class=" weui-cells_form">
			  <div class="weui-cell">
			    <div class="weui-cell__bd">
			      <textarea class="weui-textarea" v-model="submitJson.component[2].value"  placeholder="请输入外出事由" rows="3"></textarea>
			    </div>
			  </div>
			</div>
	</div>
	<div class="weui-cells">
		<a class="weui-cell weui-cell_access" href="javascript:;">
            <div class="weui-cell__bd">
                <p><span style="color: red;">*</span>成本中心</p>
            </div>
            <div class="weui-cell__ft">
            	<dingselect v-model="submitJson.component[3].value" datalist='[{"text":"北京新七天电子商务技术股份有限公司","value":"北京新七天电子商务技术股份有限公司"}]'></dingselect>
            	       <div v-show="false" data-text="成本中心不能为空" :data-false="/^\s*$/g.test(submitJson.component[3].value)" ></div>
            </div>
      </a>
	</div>
	<div class="weui-cells">
		<a class="weui-cell weui-cell_access" href="javascript:;">
            <div class="weui-cell__bd">
                <p><span style="color: red;">*</span>发票抬头</p>
            </div>
            <div class="weui-cell__ft">
                <dingselect v-model="submitJson.component[4].value" datalist='[{"text":"北京新七天电子商务技术股份有限公司","value":"北京新七天电子商务技术股份有限公司"}]'></dingselect>
            	       <div v-show="false" data-text="发票抬头不能为空" :data-false="/^\s*$/g.test(submitJson.component[4].value)" ></div>
            </div>
        </a>
	</div>
	 <div class="weui-cells">
        <a class="weui-cell weui-cell_access" href="javascript:;">
            <div class="weui-cell__bd">
                <p><span style="color: red;">*</span>交接人</p>
            </div>
            <div class="weui-cell__ft">
            	<dingdinguser-input v-model="submitJson.component[5].value" multiple="true"></dingdinguser-input>
            	 <div v-show="false" data-text="交接人不能为空" :data-false="/^\s*$/g.test(submitJson.component[5].value)" ></div>
            </div>
        </a>
	</div>
	<dingding_users v-on:getdingdinguser="getApproveUsers" :approve_list="approve_list" :cc_list="cc_list" message="approve" title="审批人"></dingding_users>
    <dingding_users v-on:getdingdinguser="getCopyUsers" :approve_list="approve_list" :cc_list="cc_list"  message="cc" title="抄送人"></dingding_users>
    <div class="submit_warp">
    	<button class="submit_btn" v-touch:tap="submitFn">提交</button>
    </div>
</div>

